import React from "react";

export const StripeLogo = ({ className }: { className?: string }) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      className={className}
      aria-labelledby="stripeLogoTitle"
    >
      <title id="stripeLogoTitle">Stripe Logo</title>
      <path
        d="M13.479 9.143c-1.743-.473-2.704-.799-2.704-1.697 0-.59.484-1.007 1.386-1.007 1.612 0 3.264.642 4.36 1.214l.642-3.949c-.895-.425-2.723-1.129-5.173-1.129-1.765 0-3.235.466-4.277 1.336-1.112.916-1.684 2.217-1.684 3.793 0 2.866 1.743 4.084 4.555 5.102 1.815.653 2.42 1.12 2.42 1.83 0 .693-.59 1.094-1.683 1.094-1.334 0-3.176-.641-4.492-1.501l-.655 4.063c1.146.642 3.277 1.31 5.49 1.31 1.848 0 3.384-.434 4.437-1.256 1.18-.897 1.795-2.226 1.795-3.914-.011-2.931-1.785-4.161-4.417-5.29z"
        fill="#635BFF"
      />
    </svg>
  );
};
